{extend name="index/index" /}

{block name='main'}
	<div style='width: 980px ;margin: auto;'>
		<div class="clearfix" style='background: url("__IMG__/center_bg.jpg");height: 330px'>
			<a href="" class="pull-right" style='padding: 15px'>我购买的单曲</a>
			<div class='row'  style='padding: 40px 70px;'>
				<div class='col-md-3'>
					<img src="__IMG__/9k=.jpg" alt="">
				</div>
				<div class=col-md-9>
					<h2>名字</h2>
					<div>当前未开通会员</div>
					<a href="" class="btn btn-primary" style='margin-top: 27px;width: 196px'>立即开通</a>
					<a href="" class="btn btn-default" style='margin: 27px 0px 0px 10px;width: 118px'>给好友购买</a>
					<a href="" class="btn btn-default" style='margin: 27px 0px 0px 10px;width: 118px'>使用兑换码</a>
				</div>
			</div>
		</div>
		<div class='container' style='width: 840px'>
			<div class="row">
				<div class="col-md-5">
					<hr>
				</div>
				<div class="col-md-2"><h3 style='margin-top: 10px'>会员特权</h3></div>
				<div class="col-md-5">
					<hr>
				</div>
			</div>
			<div style='margin-bottom: 30px'>
				<div>
					<span style='font-size: 20px'>试听下载无损品质（SQ）</span>
				</div>
				<div style='margin: auto;width: 602px'>
						<img src="__IMG__/bg_sq.png" alt="">
				</div>
			</div>
			<div style='margin-bottom: 50px'>
				<div>
					<span style='font-size: 20px'>会员专属付费专辑</span>
					<a href="" class="pull-right">查看全部</a>
				</div>
				<div class='row'>
					<div class='col-md-3'>
						<img src="__IMG__/2Q1.jpg" alt="">
					</div>
					<div class='col-md-3'>
						<img src="__IMG__/2Q2.jpg" alt="">
					</div>
					<div class='col-md-3'>
						<img src="__IMG__/2Q3.jpg" alt="">
					</div>
					<div class='col-md-3'>
						<img src="__IMG__/2Q4.jpg" alt="">
					</div>
				</div>
			</div>
		</div>
		<div class='row' style='text-align: center'>
			<a href="" style='margin: 10px'>付费会员服务协议</a>
			<a href="" style='margin: 10px'>常见问题解答</a>
		</div>
	</div>
{/block}
